<#import "/common/function.ftl" as fn>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>${_title}</title>
	<link rel="stylesheet" type="text/css" href="${base}/web/css/web_style.css" />
	<script language="javascript" type="text/javascript" src="${base}/web/js/jquery.js"></script>
	<script language="javascript" type="text/javascript" src="${base}/web/js/validator.js"></script>
	<script language="javascript" type="text/javascript">
		$(document).ready(function() {
			$("#MianFrame", window.parent.document).height(800);
		
			$("ul.tab > li").each(function(i){
				$(this).click(function () { 
					$(this).siblings().removeClass("visited");
					$(this).addClass("visited");
				});
			});
			
			$("ul.flowTab > li").each(function(i){
				$(this).click(function () { 
					$(this).siblings().removeClass("visited");
					$(this).addClass("visited");
				});
			});
		});
		
		function showTab(i){
			hideTab();
			$("#flowTab"+i).show();
			$("#flowTab"+i).children().removeClass("visited");
			$("#flowTab"+i).children().first().addClass("visited");
			$("#MianFrame").attr("src",$("#flowTab"+i).children().first().children().first().attr("href"));
		}
		
		function hideTab(){
			$("ul.flowTab").hide();
		}
		
		function setPath(s){
			$("#posString").text(s);
		}
	</script>
</head>
<body>
<div class="rightBk">
	<!-- 当前位置 -->
	<div class="Position">
		<div class="Position-middle">
			<div class="Position-left"></div>
			<div class="Position-caption">当前位置：<span id="posString">对比审核 >> 家庭基本信息</span></div>
			<div class="Position-right"></div>
		</div>
	</div>

	<!-- 选项卡 -->
    <ul class="tab">
        <li class="visited"><a href="${base}/firstverify/familybasic/${id}/${taskId}/true" onclick="hideTab();setPath('对比审核 &gt;&gt; 家庭基本信息');" target="frame">家庭基本信息</a></li>
        <#assign i=1>
        <#list members as member>
        <li><a href="javascript:void(0);" onclick="showTab('${i}');setPath('对比审核 &gt;&gt; ${member.name} &gt;&gt; 基本信息');">${member.name}</a></li>
        <#assign i=i+1>
        </#list>
        <li><a href="${base}/firstverify/verifyinfo/${id}/${memberId}/${taskId}" onclick="hideTab();setPath('对比审核 &gt;&gt; 一次审核意见');" target="frame">一次审核意见</a></li>
        <li><a href="${base}/firstverify/verifytable/${id}/${memberId}/${taskId}" onclick="hideTab();setPath('对比审核 &gt;&gt; 生成核对表');" target="frame">生成核对表</a></li>
        <li><a href="http://www.baidu.com" onclick="hideTab();setPath('对比审核 &gt;&gt; 生成差异表');" target="frame">生成差异表</a></li>
        <!--<li><a href="${base}/firstverify/stopverify/${id}/${memberId}/${taskId}" onclick="hideTab()" target="frame">中止通知书</a></li>-->
    </ul>
    
    <!-- 流程选项卡 -->
    <#assign i=1>
    <#list members as member>
    <ul class="flowTab" id="flowTab${i}" style="display:none;">
        <li class="visited"><a href="${base}/firstverify/familymemberbasic/${id}/${memberId}/${member.id}/${taskId}" onclick="setPath('对比审核 &gt;&gt; ${member.name} &gt;&gt; 基本信息')" target="frame">基本信息</a></li>
        <li><a href="${base}/firstverify/familymemberincome/${id}/${memberId}/${member.id}/${taskId}" onclick="setPath('对比审核 &gt;&gt; ${member.name} &gt;&gt; 可支配收入')" target="frame">可支配收入</a></li>
        <li><a href="${base}/firstverify/familymemberproperty/${id}/${memberId}/${member.id}/${taskId}" onclick="setPath('对比审核 &gt;&gt; ${member.name} &gt;&gt; 财产状况')" target="frame">财产状况</a></li>
    </ul>
    <#assign i=i+1>
    </#list>

    <iframe id="MianFrame" src="${base}/firstverify/familybasic/${id}/${taskId}/true" name="frame" width="100%" height="100%" frameborder="0"></iframe>
</div>
</body>
</html>
